<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 文档字符编码 -->
    <meta charset="UTF-8">
    <!-- 设置文档使用UTF-8字符编码，支持中文和特殊字符显示 -->
    
    <!-- 视口设置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 控制网页在移动设备上的显示，让网页宽度等于设备屏幕宽度，初始缩放比例为1 -->
    
    <!-- 页面描述 -->
    <meta name="description" content="这是一个关于HTML元数据、文本、图片、表格、表单及HTML5语义化标签应用的详细教程与示例页面。">
    <!-- 提供网页内容的简要描述，搜索引擎会在搜索结果中显示此描述 -->
    
    <!-- 页面关键词 -->
    <meta name="keywords" content="HTML, 元数据, 教程, 前端开发, Web开发, 语义化标签">
    <!-- 设置网页的关键词，帮助搜索引擎对页面内容进行分类和索引 -->
    
    <!-- 页面作者 -->
    <meta name="author" content="姚许浩">
    <!-- 声明网页的作者信息 -->
    
    <!-- 自定义元数据 -->
    <meta name="class" content="计科A2353">
    <!-- 自定义元数据，可用于特定用途的信息存储 -->
    
    <title>探索HTML的奥秘-我的学习笔记</title>
    <!-- 定义浏览器标签页中显示的标题 -->
</head>
<body>
    <h1>HTML元数据标签学习页面</h1>
    <p>这个页面演示了各种HTML元数据标签的应用。</p>
</body>
</html>